<template>
  <div class="about">
    <c-header :active="type" @changeType="getType"></c-header>
    <div class="title">关于我们-公司介绍</div>
    <div class="main">
      <div class="a-introduce_coop">
        <img class="a-introduce_img" src="http://pergoqiniu.laigl.com/img/about-01.png" alt="">
        <p class="a-introduce_coop-desc">莫和克工业集团 Mohawk Industries,
          Inc.，是全世界最大的建筑材料公司，其业务遍布北美、欧洲、亚洲和澳大利亚，该集团在纽约证券交易所上市，营业额达110亿美元（2016年），在全球拥有超过34000名员工。</p>
      </div>
      <div class="a-introduce_coop">
        <img class="a-introduce_img" src="http://pergoqiniu.laigl.com/img/about-02.png" alt="">
        <p class="a-introduce_coop-desc">Pergo柏丽地板于2013年并入莫和克工业集团旗下，全球最大的地面材料生产集团 – 尤尼林地板公司（Unilin
          Flooring），全球营业额达9亿美元（2016年度）。尤尼林主要生产制造强化、实木复合和乙烯基地板。Pergo柏丽地板，作为尤尼林旗下的主要品牌，由其在比利时的地板分部 UNILIN bvba 生产制造。</p>
      </div>
      <div class="a-introduce_coop">
        <div class="a-introduce_self-b">
          <img class="a-introduce_img" src="@/assets/img/2_36_03.png" alt="">
          <p class="a-introduce_coop-desc">1977年，Pergo柏丽地板发明了世界上首块强化复合地板，并在至今的40余年时间里，不断完善并创新产品技术，追求完美原创设计，提升产品耐用品质，丰富产品种类，已经从单一的强化地板品牌发展过渡到一个具有多类别产品的地板品牌，是一家在欧洲和北美市场占据行业领先地位，也深受消费者欢迎喜爱的地板公司。</p>
        </div>
        <div class="a-introduce_end clearfix">
          <a href="javascript:;"><img src="http://pergoqiniu.laigl.com/img/2_30.png" alt=""></a>
          <a href="javascript:;"><img src="http://pergoqiniu.laigl.com/img/2_32.png" alt=""></a>
          <a href="javascript:;" class="a-introduce_self-last"><img src="http://pergoqiniu.laigl.com/img/2_34.png" alt=""></a>
        </div>
      </div>
    </div>
    <c-footer :type="type" @changeType="getType"></c-footer>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        type: this.$route.query.type ? this.$route.query.type : 0
      }
    },
    methods: {
      getType(type) {
        this.type = type
      },
    },
  }
</script>

<style lang="less" scoped>
  .main {

    margin: 0 0.25rem 1.26rem;

    .a-introduce_coop {
      margin-top: 0.9rem;

      .a-introduce_coop-desc {
        text-align: justify;
        color: #6e6e6e;
      }

      img.a-introduce_img {
        display: block;
        width: 2.53rem;
        margin: 0 auto;
        margin-bottom: 0.45rem;
      }

      .a-introduce_end {
        display: flex;
        justify-content: space-between;
        margin-top: 1.08rem;

        img {
          display: block;
          width: 2.2rem;
        }
      }
    }
  }
</style>
